:root {
  color-scheme: light dark;
}
canvas {
  max-width: 100%;
  display: block;

  /* give the canvas a checked background so we can see visualize blending the WebGPU texture with the canvas' background */
  background-color: #404040;
  background-image:
    linear-gradient(45deg, #808080 25%, transparent 25%),
    linear-gradient(-45deg, #808080 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #808080 75%),
    linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 32px 32px;
  background-position:
    0 0,
    0 16px,
    16px -16px,
    -16px 0px;
}
